<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>apfindex</title>
	<meta name="keywords" content="翟天野,王秋城,秋天的故事" />
    <meta name="description" content="如歌、如诗、一段美丽的爱情我陪你走过。秋城、天野、一场秋天的邂逅。" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<link rel="stylesheet" href="../../css/comm/base.css">
	<link rel="stylesheet" href="../../ctrl/font/css/font-awesome.min.css">
	<link rel="stylesheet" href="../../css/comm/swiper.min.css">
	<link rel="stylesheet" href="../../css/apfindex/apfindex.css">
	<link rel="icon" href="http://www.zhaitianye.com/html/img/comm/logo.ico" type="image/x-icon">
	<link rel="shortcut icon" href="http://www.zhaitianye.com/html/img/comm/logo.ico" type="image/x-icon">
</head>
<body>
	<header id="header">
		<div class="container clear">
			<div class="clear">
				<div class="nav-topbar pull-right pt-5">
	 				<ul class="clear">
	 					<li><a class="col-555" href="">首页</a></li>
	 					<li class="topbar-devider f-12 col-555">|</li>
	 					<li><a class="col-555" href="">关于我们</a></li>
	 					<li class="topbar-devider f-12 col-555">|</li>
	 					<li><a class="col-555" href="">登录</a></li>
	 					<li class="topbar-devider f-12 col-555">|</li>
	 					<li><a class="col-555" href="">注册</a></li>
	 				</ul>
				</div>
			</div>
			
			<div class="row clear">
				<div class="col-sm-1 pr-0 mr-10">
					<img class="logo mb-10" src="../../img/apfindex/logo2.png" alt="">
					<h1 class="h1">亚太金融小镇</h1>
				</div>
				<div class="col-sm-10  mt-15 overflow-h ml-20">
					<div class="nav clear">
						<div class="col-sm-2 pl-0 pr-0 pt-5 list1">
							<div>
								<div class="overflow-h">
									<div class="triangle"></div>
								</div>
								<div class="">
									<h3 class="f-16 col-black pl-20">关于小镇</h3>
									<p class="mt-5 line-h-15 f-11 pl-5 text-line-2">面向亚太科技、金融、教育的生态小镇</</p>
								</div>
							</div>
						</div>
						<div class="col-sm-2 pl-0 pr-0 pt-5 list2 overflow-h">
							<div class="nav-list">
								<div class="clear full-w">
									<div class="triangle-tran2 pull-right"></div>
								</div>
								<div>
									<h3 class="f-16 col-black pl-20">基金一条街</h3>
									<p class="mt-5 line-h-15 f-11 pl-5 text-line-2">面向亚太科技、金融、教育的生态小镇</p>
								</div>
							</div>
							
						</div>
						<div class="col-sm-2 pl-0 pr-0 pt-5 list3">
							<div class="nav-list2">
								<div class="overflow-h">
									<div class="triangle-tran"></div>
								</div>							
								<div>
									<h3 class="f-16 col-black pl-20">国际教育</h3>
									<p class="mt-5 line-h-15 f-11 pl-5 text-line-2">面向亚太科技、金融、教育的生态小镇</p>
								</div>
							</div>
						</div>
						<div class="col-sm-2 pl-0 pr-0 pt-5 list4">
							<div class="nav-list">
								<div class="clear full-w overflow-h">
									<div class="triangle-tran2 pull-right"></div>
								</div>
								<div>
									<h3 class="f-16 col-black pl-20">亚太研究</h3>
									<p class="mt-5 line-h-15 f-11 pl-5 text-line-2">面向亚太科技、金融、教育的生态小镇</p>
								</div>
							</div>
						</div>
						<div class="col-sm-2 pl-0 pr-0 pt-5 list5">
							<div class="nav-list2">
								<div class="triangle-tran"></div>
								<div>
									<h3 class="f-16 col-black pl-20">服务中心</h3>
									<p class="mt-5 line-h-15 f-11 pl-5 text-line-2">面向亚太科技、金融、教育的生态小镇</p>
								</div>
							</div>
						</div>
						<div class="col-sm-2 pl-0 pr-0 pt-5 list6">
							<div class="nav-list">
								<div class="clear full-w overflow-h">
									<div class="triangle-tran2 pull-right"></div>
								</div>
								<div>
									<h3 class="f-16 col-black pl-20">新闻中心</h3>
									<p class="mt-5 line-h-15 f-11 pl-5 text-line-2">面向亚太科技、金融、教育的生态小镇</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>	
	</header>
	<div class="border gra-pri">
	</div>
	<div class="swiper-container swiper1">
		<div class="swiper-wrapper">
			<div class="swiper-slide">
				<img src="../../img/apfindex/banner1.jpg" alt="">
			</div>
			<div class="swiper-slide">
				<img src="../../img/apfindex/banner2.jpg" alt="">
			</div>
			<div class="swiper-slide">
				<img src="../../img/apfindex/banner3.jpg" alt="">
			</div>
			<div class="swiper-slide">
				<img src="../../img/apfindex/banner4.jpg" alt="">
			</div>
		</div>
		<div class="masking full-w">
		</div>

		<div class="content full-w">
			<div class="container clear">
				<div class="col-sm-3 col-md-2 pl-0 pr-0 pt-20">
					<div class="overflow-h subnav">
						<div class="triangle3">
						</div>
						<div class="gra-pri2">
							<h3 class="col-black pd-10 f-w f-16">亚太金融小镇</h3>
							<div class="pb-5 gra-pri2 ml-10 mr-10"></div>
							<ul class="pt-10 pb-20 t-none f-14">	
								<li class="col-black">
									<a class="inline-block pt-5 pb-5 pl-15 full-w line-h-20" href=""><i class="icon-double-angle-right f-16 col-pri pr-5"></i>小镇概况</a>
									<p class="f-12 ml-10 line-h-15 f-11">以亚态地区基金设立海南子基金为先导</p>
								</li>
								<li class="col-black">
									<a class="inline-block pt-5 pb-5 pl-15 full-w line-h-20" href=""><i class="icon-double-angle-right f-16 col-pri pr-5"></i>综合优势</a>
									<p class="f-12 ml-10 line-h-15 f-11">以亚态地区基金设立海南子基金为先导</p>
								</li>
								<li class="col-black">
									<a class="inline-block pt-5 pb-5 pl-15 full-w line-h-20" href=""><i class="icon-double-angle-right f-16 col-pri pr-5"></i>发展规划</a>
									<p class="f-12 ml-10 line-h-15 f-11">以亚态地区基金设立海南子基金为先导</p>
								</li>
								<li class="col-black">
									<a class="inline-block pt-5 pb-5 pl-15 full-w line-h-20" href=""><i class="icon-double-angle-right f-16 col-pri pr-5"></i>园区大事</a>
									<p class="f-12 ml-10 line-h-15 f-11">以亚态地区基金设立海南子基金为先导</p>
								</li>
								<li class="col-black">
									<a class="inline-block pt-5 pb-5 pl-15 full-w line-h-20" href=""><i class="icon-double-angle-right f-16 col-pri pr-5"></i>镇长致辞</a>
									<p class="f-12 ml-10 line-h-15 f-11">以亚态地区基金设立海南子基金为先导</p>
								</li>
								<li class="col-black">
									<a class="inline-block pt-5 pb-5 pl-15 full-w line-h-20" href=""><i class="icon-double-angle-right f-16 col-pri pr-5"></i>走进小镇</a>
									<p class="f-12 ml-10 line-h-15 f-11">以亚态地区基金设立海南子基金为先导</p>
								</li>
							</ul>
						</div>
						
					</div>				
				</div>
				<div class="col-sm-5 col-md-4  col-offset-1">
					<div class="swiper-info">
						<p class="col-6 bg-pri pt-5 pb-5 f-16 col-white line-h-20">服务</p>
						<div class="text pd-10">
							<h3 class="col-white f-18">亚太金融小镇</h3>
							<p class="col-white line-h-20 mt-10 text-info">哈哈哈哈或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或</p>
							<p class="f-18 pt-10 clear"><span class="pull-left col-white pt-10">宣传视频</span><img class="play pull-left img-30 ml-20" src="../../img/apfindex/video.png" alt=""></p>
							<div class="swiper-button-next btn-next1 bg-pri icon-angle-right col-white f-24 f-w text-center"></div>
							<div class="swiper-button-prev btn-prev1 bg-pri icon-angle-left col-white f-24 f-w text-center"></div>
						</div>			
					</div>				
				</div>
			</div>
		</div>
		<div class="video col-7 pd-0 mt-10">
			<video class="full-wh" controls="controls" style="object-fit:fill">
				<source src="../../img/edu-emba/embaIn.mp4" type="video/mp4" />
				<source src="../../img/edu-emba/embaIn.mp4" type="video/ogg" />
				<source src="../../img/edu-emba/embaIn.mp4" type="video/webm" />
			</video>
			<div class="closevd clear full-w pd-5">
				<img class="pull-right cur-p" src="../../img/apfindex/close.png" alt="">
			</div>
		</div>
	</div>
	<div class="container clear mt-20 ">
		<div class="col-sm-2">
			<div><img src="../../img/apfindex/img.png" alt=""></div>
			
		</div>
		<div class="col-sm-10 col-md-10 product">
			<h3 class="theme pd-5 f-16"><span class="inline-block f-w pl-10 pd-10">亚太金融&nbsp;一</span><span class="inline-block pd-5 bg-pri full-radius col-white f-18">产</span></h3>
			<div class="bg-white clear">
				<div class="col-sm-3">
			     	<!-- <div> -->
			     		<h3 class="col-pri f-16 pt-10 pb-10">基金业态</h3>
			     		<div class="line-h-15">
			     			<div class="img-out overflow-h">
			     				<img class="full-w transition1" src="../../img/apfindex/1.1.jpg" alt="">
			     			</div>
							
							<p class="text-overflow col-black pt-10 pb-10 f-13">传统的产业和企业,需要小镇实践金融新模式</p>
							<p class="text-line-2 col-999 let-spa-1 family-hk f-12">传统的产业和企业需要小镇实践金融新模式传统的产业和企业需要小镇实践金融新模式</p>
							<p class="pt-10 pb-10"><time class="col-999">2017-3-8&nbsp;17:23:59</time><i class="icon-heart-empty pull-right pl-10 cur-p"></i><i class=" icon-comment-alt pull-right cur-p"></i></p>
			     		</div>
				    <!-- </div> -->
				</div>
				<div class="col-sm-3">
					<div>
						<h3 class="col-pri f-16 pt-10 pb-10">教育亚态</h3>
						<div class="line-h-15">
							<div class="img-out overflow-h">
								<img class="full-w transition1" src="../../img/apfindex/1.2.jpg" alt="">
							</div>
							
							<p class="text-overflow col-black pt-10 pb-10 f-13">传统的产业和企业,需要小镇实践金融新模式</p>
							<p class="text-line-2 col-999 let-spa-1 family-hk f-12">传统的产业和企业需要小镇实践金融新模式传统的产业和企业需要小镇实践金融新模式</p>
							<p class="pt-10 pb-10"><time class="col-999">2017-3-8&nbsp;17:23:59</time><!-- <i class="icon-heart-empty pull-right pl-10 cur-p"></i><i class=" icon-comment-alt pull-right cur-p"></i> --></p>
			     		</div>
					</div>
				</div>
				<div class="col-sm-3">
					<div>
						<h3 class="col-pri f-16 pt-10 pb-10">研究亚态</h3>
						<div class="line-h-15">
							<div class="img-out overflow-h">
								<img class="full-w transition1" src="../../img/apfindex/1.3.jpg" alt="">
							</div>
							<p class="text-overflow col-black pt-10 pb-10 f-13">传统的产业和企业,需要小镇实践金融新模式</p>
							<p class="text-line-2 col-999 let-spa-1 family-hk f-12">传统的产业和企业需要小镇实践金融新模式传统的产业和企业需要小镇实践金融新模式</p>
							<p class="pt-10 pb-10"><time class="col-999">2017-3-8&nbsp;17:23:59</time><!-- <i class="icon-heart pull-right col-pri pl-10 cur-p"></i><i class=" icon-comment-alt pull-right cur-p"></i> --></p>
			     		</div>
					</div>
				</div>
				<div class="col-sm-3">
					<div>
						<h3 class="col-pri f-16 pt-10 pb-10">发展业态</h3>
						<div class="line-h-15">
							<div class="img-out overflow-h">
								<img class="full-w transition1" src="../../img/apfindex/1.4.jpg" alt="">
							</div>
							
							<p class="text-overflow col-black pt-10 pb-10 f-13">传统的产业和企业,需要小镇实践金融新模式</p>
							<p class="text-line-2 col-999 let-spa-1 family-hk f-12">传统的产业和企业需要小镇实践金融新模式传统的产业和企业需要小镇实践金融新模式</p>
							<p class="pt-10 pb-10"><time class="col-999">2017-3-8&nbsp;17:23:59</time><i class="icon-heart pull-right col-pri pl-10 cur-p"></i><i class=" icon-comment-alt pull-right cur-p"></i></p>
			     		</div>
					</div>
				</div>
			</div>
			<div class="mt-10">
				<div class="swiper-container swiper2 pd-15">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<img class="full-wh transition2" src="../../img/apfindex/town (1).jpg" alt="">
						</div>
						<div class="swiper-slide">
							<img class="full-wh transition2" src="../../img/apfindex/town (2).jpg" alt="">
						</div>
						<div class="swiper-slide">
							<img class="full-wh transition2" src="../../img/apfindex/town (3).jpg" alt="">
						</div>
						<div class="swiper-slide">
							<img class="full-wh transition2" src="../../img/apfindex/town (4).jpg" alt="">
						</div>
						<div class="swiper-slide">
							<img class="full-wh transition2" src="../../img/apfindex/town (5).jpg" alt="">
						</div>
						<div class="swiper-slide">
							<img class="full-wh transition2" src="../../img/apfindex/town (6).jpg" alt="">
						</div>
						<div class="swiper-slide">
							<img class="full-wh transition2" src="../../img/apfindex/town (7).jpg" alt="">
						</div>
						<div class="swiper-slide">
							<img class="full-wh transition2" src="../../img/apfindex/town (8).jpg" alt="">
						</div>
					</div>
					<div class="swiper-padination page2"></div>
				</div>
			</div>
			
			<h3 class="theme pd-5 f-16 mt-10"><span class="inline-block f-w pl-10 pd-10">亚太金融&nbsp;一</span><span class="inline-block pd-5 bg-pri full-radius col-white f-18">学</span></h3>
			<div class="bg-white clear">
				<div class="col-sm-3">
			     	<!-- <div> -->
			     		<h3 class="col-pri f-16 pt-10 pb-10">基金业态</h3>
			     		<div class="line-h-15">
							<img class="full-w" src="../../img/apfindex/1.1.jpg" alt="">
							<p class="text-overflow col-black pt-10 pb-10 f-13">传统的产业和企业,需要小镇实践金融新模式</p>
							<p class="text-line-2 col-999 let-spa-1 f-12">传统的产业和企业需要小镇实践金融新模式传统的产业和企业需要小镇实践金融新模式</p>
							<p class="pt-10 pb-10"><time class="col-999">2017-3-8&nbsp;17:23:59</time><!-- <i class="icon-heart-empty pull-right pl-10 cur-p"></i><i class=" icon-comment-alt pull-right cur-p"></i> --></p>
			     		</div>
				    <!-- </div> -->
				</div>
				<div class="col-sm-3">
					<div>
						<h3 class="col-pri f-16 pt-10 pb-10">教育亚态</h3>
						<div class="line-h-15">
							<img class="full-w" src="../../img/apfindex/1.2.jpg" alt="">
							<p class="text-overflow col-black pt-10 pb-10 f-13">传统的产业和企业,需要小镇实践金融新模式</p>
							<p class="text-line-2 col-999 let-spa-1 f-12">传统的产业和企业需要小镇实践金融新模式传统的产业和企业需要小镇实践金融新模式</p>
							<p class="pt-10 pb-10"><time class="col-999">2017-3-8&nbsp;17:23:59</time><!-- <i class="icon-heart-empty pull-right pl-10 cur-p"></i><i class=" icon-comment-alt pull-right cur-p"></i> --></p>
			     		</div>
					</div>
				</div>
				<div class="col-sm-3">
					<div>
						<h3 class="col-pri f-16 pt-10 pb-10">研究亚态</h3>
						<div class="line-h-15">
							<img class="full-w" src="../../img/apfindex/1.3.jpg" alt="">
							<p class="text-overflow col-black pt-10 pb-10 f-13">传统的产业和企业,需要小镇实践金融新模式</p>
							<p class="text-line-2 col-999 let-spa-1 f-12">传统的产业和企业需要小镇实践金融新模式传统的产业和企业需要小镇实践金融新模式</p>
							<p class="pt-10 pb-10"><time class="col-999">2017-3-8&nbsp;17:23:59</time><!-- <i class="icon-heart pull-right col-pri pl-10 cur-p"></i><i class=" icon-comment-alt pull-right cur-p"></i> --></p>
			     		</div>
					</div>
				</div>
				<div class="col-sm-3">
					<div>
						<h3 class="col-pri f-16 pt-10 pb-10">发展业态</h3>
						<div class="line-h-15">
							<img class="full-w" src="../../img/apfindex/1.4.jpg" alt="">
							<p class="text-overflow col-black pt-10 pb-10 f-13">传统的产业和企业,需要小镇实践金融新模式</p>
							<p class="text-line-2 col-999 let-spa-1 f-12">传统的产业和企业需要小镇实践金融新模式传统的产业和企业需要小镇实践金融新模式</p>
							<p class="pt-10 pb-10"><time class="col-999">2017-3-8&nbsp;17:23:59</time></p>
			     		</div>
					</div>
				</div>
			</div>
			<h3 class="theme pd-5 f-16 mt-20"><span class="inline-block f-w pl-10 pd-10">亚太金融&nbsp;一</span><span class="inline-block pd-5 bg-pri full-radius col-white f-18">研</span></h3>
			<div class="bg-white clear">
				<div class="col-sm-3">
			     	<!-- <div> -->
			     		<h3 class="col-pri f-16 pt-10 pb-10">基金业态</h3>
			     		<div class="line-h-15">
							<img class="full-w" src="../../img/apfindex/1.1.jpg" alt="">
							<p class="text-overflow col-black pt-10 pb-10 f-13">传统的产业和企业,需要小镇实践金融新模式</p>
							<p class="text-line-2 col-999 let-spa-1 f-12">传统的产业和企业需要小镇实践金融新模式传统的产业和企业需要小镇实践金融新模式</p>
							<p class="pt-10 pb-10"><time class="col-999">2017-3-8&nbsp;17:23:59</time><!-- <i class="icon-heart-empty pull-right pl-10 cur-p"></i><i class=" icon-comment-alt pull-right cur-p"></i> --></p>
			     		</div>
				    <!-- </div> -->
				</div>
				<div class="col-sm-3">
					<div>
						<h3 class="col-pri f-16 pt-10 pb-10">教育亚态</h3>
						<div class="line-h-15">
							<img class="full-w" src="../../img/apfindex/1.2.jpg" alt="">
							<p class="text-overflow col-black pt-10 pb-10 f-13">传统的产业和企业,需要小镇实践金融新模式</p>
							<p class="text-line-2 col-999 let-spa-1 f-12">传统的产业和企业需要小镇实践金融新模式传统的产业和企业需要小镇实践金融新模式</p>
							<p class="pt-10 pb-10"><time class="col-999">2017-3-8&nbsp;17:23:59</time><!-- <i class="icon-heart-empty pull-right pl-10 cur-p"></i><i class=" icon-comment-alt pull-right cur-p"></i> --></p>
			     		</div>
					</div>
				</div>
				<div class="col-sm-3">
					<div>
						<h3 class="col-pri f-16 pt-10 pb-10">研究亚态</h3>
						<div class="line-h-15">
							<img class="full-w" src="../../img/apfindex/1.3.jpg" alt="">
							<p class="text-overflow col-black pt-10 pb-10 f-13">传统的产业和企业,需要小镇实践金融新模式</p>
							<p class="text-line-2 col-999 let-spa-1 f-12">传统的产业和企业需要小镇实践金融新模式传统的产业和企业需要小镇实践金融新模式</p>
							<p class="pt-10 pb-10"><time class="col-999">2017-3-8&nbsp;17:23:59</time><!-- <i class="icon-heart pull-right col-pri pl-10 cur-p"></i><i class=" icon-comment-alt pull-right cur-p"></i> --></p>
			     		</div>
					</div>
				</div>
				<div class="col-sm-3">
					<div>
						<h3 class="col-pri f-16 pt-10 pb-10">发展业态</h3>
						<div class="line-h-15">
							<img class="full-w" src="../../img/apfindex/1.4.jpg" alt="">
							<p class="text-overflow col-black pt-10 pb-10 f-13">传统的产业和企业,需要小镇实践金融新模式</p>
							<p class="text-line-2 col-999 let-spa-1 f-12">传统的产业和企业需要小镇实践金融新模式传统的产业和企业需要小镇实践金融新模式</p>
							<p class="pt-10 pb-10"><time class="col-999">2017-3-8&nbsp;17:23:59</time><!-- <i class="icon-heart pull-right col-pri pl-10 cur-p"></i><i class=" icon-comment-alt pull-right cur-p"></i> --></p>
			     		</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<footer class="mt-20">
		<div class="bg-black2 hidden-sm">
			<div class="container clear">
				<div class="row clear">
					<div class="col-sm-4">
						<h3 class="f-16 pt-10 pb-10 col-white">友情链接</h3>
						<div class="bor-ccc"></div>
						<ul class="line-h-20 t-none hov-pri">	
							<li class="clear">
								<div class="col-sm-3 pd-0">
									<span class="pull-left pt-5 col-white">矿业公司：</span>
								</div>
								<div class="col-sm-9 col-white">
									<a class="pd-5 pull-left" href="">五矿集团</a>
									<a class="pd-5 pull-left" href="">中铝集团</a>
									<a class="pd-5 pull-left" href="">紫金集团</a>
									<a class="pd-5 pull-left" href="">招金集团</a>
    								<a class="pd-5 pull-left" href="">山金集团</a>
								</div>	
							</li>
							<li class="clear pt-5">    
								<div class="col-sm-3 pd-0">
									<span class="pull-left pt-5 col-white">银行机构：</span>
								</div>
								<div class="col-sm-9 col-white">
									<a class="pd-5 pull-left" href="">农业银行</a>
									<a class="pd-5 pull-left" href="">建设银行</a>
									<a class="pd-5 pull-left" href="">民生银行</a>
									<a class="pd-5 pull-left" href="">平安银行</a>
    								<a class="pd-5 pull-left" href="">招商银行</a>
    								<a class="pd-5 pull-left" href="">华夏银行</a>
								</div>	
							</li>
							<li class="clear pt-5"> 
								<div class="col-sm-3 pd-0">
									<span class="pull-left pt-5 col-white">行业部门：</span>
								</div>
								<div class="col-sm-9 col-white pr-0">
									<a class="pd-5 pull-left" href="">中国矿业联合会</a>
									<a class="pd-5 pull-left" href="">中国有色金属工业协会</a>
									<a class="pd-5 pull-left" href="">中国冶金矿山企业协会</a>
									<a class="pd-5 pull-left" href="">中国非金属工业协会</a>
								</div>
							</li>
							<li class="clear pt-5 pb-5">
								<div class="col-sm-3 pd-0">
									<span class="pull-left pt-5 col-white">清蓝集团：</span>
								</div>
								<div class="col-sm-9 col-white pr-0">
									<a class="pd-5 pull-left" href="">黄金贷</a>
								</div>
							</li>
						</ul>
					</div>
					<div class="col-sm-4">
						<h3 class="f-16 pt-10 pb-10 col-white">客户服务</h3>
						<div class="bor-ccc"></div>
						<div class="clear pt-5">
							<div class="col-sm-3 pd-0">
								<span class="pull-left pt-5 col-white">银行机构：</span>
							</div>
							<div class="col-sm-9 col-white">
								<div class="col-sm-6">
									<div class="pull-left">
										<img src="../../img/apfindex/dingyue.png" alt="">
										<p class="pt-5 col-white text-center">服务号</p>
									</div>								
								</div>
								<div class="col-sm-6">
									<div class="pull-left">
										<img src="../../img/apfindex/fuwu.png" alt="">
										<p class="pt-5 col-white text-center">服务号</p>
									</div>	
								</div>
							</div>
						</div>
						<div class="clear pt-5">
							<div class="col-sm-3 pd-0">
								<span class="pull-left pt-5 col-white">手机客户端：</span>
							</div>
							<div class="col-sm-9 col-white">
								<div class="col-sm-6">
									<div class="pull-left">
										<img src="../../img/apfindex/android.png" alt="">
										<p class="pt-5 col-white text-center">Android</p>
									</div>								
								</div>
								<div class="col-sm-6">
									<div class="pull-left">
										<img src="../../img/apfindex/iphone.png" alt="">
										<p class="pt-5 col-white text-center">iphone</p>
									</div>	
								</div>
							</div>
						</div>
					</div>
					<div class="col-sm-4">
						<h3 class="f-16 pt-10 pb-10 col-white">友情链接</h3>
						<div class="bor-ccc"></div>
						<div class="line-h-20 col-white">
							<p class="pt-5 pb-5 col-white">客服电话：</p>
							<p class="pt-5 pb-5"><a class="hov-pri" href="tel:400-010-0456">400-010-0456</a><span class="ml-10 col-white">(9:00-18:00)</span></p>
							<p class="pt-5 pb-5 col-white">地址：北京朝阳区建国门外大街中海广场5层</p>
							<p class="pt-5 pb-5 hov-pri"><a href="mailto:info@miningcircle.com">邮箱：info@miningcircle.com</a></p>
						</div>
					</div>
				</div>
				
			</div>
		</div>
		<div class="bg-555 text-center pd-10 col-white t-none">
			©2014&nbsp;矿业圈&nbsp;All&nbsp;rights&nbsp;reserved&nbsp;&nbsp;|&nbsp;&nbsp;北京清蓝矿业圈信息科技有限公司&nbsp;&nbsp;|&nbsp;&nbsp;<a class="hov-pri" href="">京ICP证150482</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a class="hov-pri" href="">京公网安备11010502027200</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a class="hov-pri" href="">京ICP备14044935号-2</a>  
		</div>
		
	</footer>
	<script src="../../js/comm/jquery.min.js"></script>
	<script src="../../js/apfindex/mining.js"></script>
	<script src="../../js/comm/swiper.jquery.min.js"></script>
	<script>
		var arr=['亚太金融小镇','亚太金融研究院简介','正逢其时，刻不容缓','中美合作EMBA项目']
		var arr2=['哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈','呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵呵','哼哼哼哼哼哼哼哼哼哼哼哼哼哼哼哼哼哼哼哼哼哼哼哼哼哼哼哼哼哼哼哼哼哼哼哼','嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿']
		var swiper1=new Swiper('.swiper1',{
			effect:'fade',
			autoplay:3500,
			speed:1000,
			loop:true,
			autoplayDisableOnInteraction : false,
			nextButton:'.swiper-button-next',
			prevButton:'.swiper-button-prev',
			onTransitionStart:function(swiper){
				console.log(swiper.activeIndex);
				var i=swiper.activeIndex;
				if(i>4){i=1}
				$('.text h3').html(arr[i-1]);
				$('.text .text-info').html(arr2[i-1]);
			}
		})
		var swiper2=new Swiper('.swiper2',{
			slidesPerView:5,
			spaceBetween:25,
			autoplay:2000,
			speed:1000,
			pagination:'.page2',
			paginationType:'progress',
			loop:true,
			autoplayDisableOnInteraction : false,
			grabCursor : true,
		})
		var swiper3=new Swiper('.swiper3',{
			effect:'coverflow',
			slidesPerView: 4,
			centeredSlides: true,
			coverflow: {
	            rotate: 30,
	            stretch: 10,
	            depth: 60,
	            modifier: 2,
	            slideShadows : true
	        }
		})
		$(function(){
			$(".play").on("click",function(){
				$(".video").fadeIn(500);
				$("video").attr({"src":"img/apf.mp4","autoplay":"autoplay"})
			})
			$(".video").hover(function(){
				$(".closevd").fadeIn(300);
			},function(){
				$(".closevd").fadeOut(300);
			})
			$(".closevd").click(function(){
				$("video").get(0).pause();
				$("video").get(0).currentTime=0;
				$(".video").fadeOut(500);
			})
			$('.swiper2').hover(function(){
				swiper2.stopAutoplay();
			},function(){
				swiper2.startAutoplay();
			})
		})
	</script>
</body>
</html>